<template>
  <div style="padding: 20px">
    <div class="title_font">
      添加类型
    </div>
    <el-divider />
    <div>
      <span class="span_style">请选择产品类型：</span>
      <el-select v-model="select" placeholder="Select" style="width: 150px; height: 30px">
        <el-option label="Restaurant" value="1" />
      </el-select>
    </div>
    <div>
      <div class="item_style">贷款申请基本信息</div>
      <div class="item_div">
        <span>姓名：</span>
        <span>{{informationlist.name}}</span>
      </div>
      <div class="item_div">
        <span>年龄：</span>
        <span>{{informationlist.age}}</span>
      </div>
      <div class="item_div">
        <span>性别：</span>
        <span>{{informationlist.sex}}</span>
      </div>
      <div class="item_div">
        <span>户籍：</span>
        <span>{{informationlist.population}}</span>
      </div>
      <div class="item_div">
        <span>户口：</span>
        <span>{{informationlist.domicile}}</span>
      </div>
      <el-divider />
    </div>
    <div>
      <div class="item_style">贷款申请资产信息</div>
      <div class="item_div">
        <span>资产信息名称：</span>
        <span>{{ assetInformation.name }}</span>
      </div>
      <div class="item_div">
        <span>按揭房所在区域：</span>
        <span>{{assetInformation.region}}</span>
      </div>
      <div class="item_div">
        <span>土地类型：</span>
        <span>{{ assetInformation.landtype }}</span>
      </div>
      <div class="item_div">
        <span>房屋结构：</span>
        <span>{{assetInformation.housestructure}}</span>
      </div>
      <div class="item_div">
        <span>房屋类型：</span>
        <span>{{assetInformation.housetype}}</span>
      </div>
      <el-divider />
    </div>
    <div style="width: 98%">
      <div class="item_style">贷款申请资产信息</div>
      <div class="div_box" >
        <div class="item_text">
          <span>姓名：</span>
          <span style="margin-left: 10px">输入项</span>
          <span style="margin-left: 100px;color: red">删除</span>
        </div>
      </div>
    </div>
    <button class="button_add">+添加核查类目</button>
    <div>
      <div style="margin-top: 10px">
        <span style="font-size: 12px;">类目名称：</span>
        <el-select v-model="select" placeholder="Select" style="width: 260px">
          <el-option label="Restaurant" value="1" />
        </el-select>
      </div>
      <div style="margin-top: 10px">
        <el-input v-model="input" placeholder="选择项输入" style="width: 200px;margin-left: 60px"/>
        <button class="add_buttons">+</button>
      </div>
      <button class="button_add" style="margin-left: 60px;width: 50px">完成</button>
    </div>
    <el-divider />
    <div class="button_style">
      <button class="add_button">添加</button>
      <button class="chance_button">取消</button>
    </div>
  </div>

</template>
<script lang="ts" setup>
const informationlist ={
  name:"",
  age:"18",
  sex:"男",
  population:"重庆本地",
  domicile:"城市户口"
}
const assetInformation={
  name:"房产类型",
  region:'',
  landtype:'出让地',
  housestructure:'混合结构',
  housetype:'住宅'
}
</script>
<style lang="scss">
.button_style{
  margin-top: 20px;
  .add_button{
    width: 100px;
    background-color: #165dff;
    color: white;
    font-weight: 500;
    border: 0;
    height: 30px;
    border-radius: 3px;
  }
  .chance_button{
    margin-left: 20px;
    width: 100px;
    background-color: white;
    font-weight: 500;
    border: 1px solid black;
    height: 30px;
    border-radius: 3px;
  }
}
.add_buttons{
  background-color: rgb(245,245,245);
  border: 1px solid rgb(240,240,240);
  width: 35px;
  height: 26px;
  margin-left: 20px;
  font-size: 18px;
  padding-top: 3px;
}

.button_add{
  background-color: #165dff;
  color: white;
  border: 0;
  font-weight: 500;
  height: 30px;
  margin-top: 10px;
  border-radius: 3px
}
.div_box{
  width: 100%;
  min-height: 100px;
  background-color: rgb(245,245,245);
  padding: 10px;
  font-size: 12px;
}
.item_div{
  margin-left: 10px;
    span{
      font-size: 12px;
    }

}
.item_style{
  margin-top: 20px;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #2d8cf0;
  font-weight: 500;


}
.span_style{
  font-size: 12px;
  margin-left: 10px;
}
</style>
